@import "../../assets/styles/constants.less";

.register {
  position: fixed;
  top: 45%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  //transform: translateZ(0);
  .register-title {
    text-align: center;
    color: @main-theme-color;
    margin-bottom: 67px;
    .large-title {
      font-weight: 700;
      font-size: 72px;
      font-style: normal;
      letter-spacing: 0px;
      line-height: 107px;
      text-decoration: none;
    }
    .normal-title {
      margin-left: 5px;
      font-weight: 700;
      font-size: 14px;
      color: rgba(16, 16, 16, 0.93);
      font-style: normal;
      letter-spacing: 0px;
      line-height: 21px;
      text-decoration: none;
    }
  }
  .register-form-wrapper {
    background-color: rgba(16, 16, 16, 0.13);
  }
  .register-form {
    width: 400px;
    margin: 0 auto;
    padding: 20px 0;
    .ant-form-item:last-child  {
      margin-bottom: 0;
    }
    .ant-form-explain {
      clear: none;
    }
  }
  .register-form-button {
    width: 64%;
    height: 40px;
  }
  .goto-login-button {
    width: 33%;
    margin-left: 3%;
    height: 40px;
  }
  .register-input {
    .ant-input {
      width: 100%;
    }
    height: 40px;

  }
  .register-verify {
    width: 220px;
  }
  .verifyCode {
    float: right;
    width: 150px;
    height: 40px;
  }
  .left-side-img {
    position: absolute;
    top: 42%;
    left: 20%;
    z-index: 11;
  }
}